var $, tab, dataStr, layer, dataAllMenu;
layui.config({
    base: "/infomssh/js/"
}).extend({
    "bodyTab": "bodyTab",
    "jquery_cookie": "jquery_cookie"
})
layui.use(['bodyTab', 'form', 'element', 'layer', 'jquery', 'jquery_cookie'], function() {
    var form = layui.form,
        element = layui.element;
    $ = layui.$;
    var cookie = layui.jquery_cookie();
    layer = parent.layer === undefined ? layui.layer : top.layer;
    tab = layui.bodyTab({
        openTabNum: "50", //最大可打开窗口数量
        //url: "json/navs.json" //获取菜单json地址
    });

    $('.userName').html(cookie.cookie('userName'));

    function getMenu() {
        $.ajax({
            type: "Post",
            url: "/module/LoadMenu",
            headers: { 'Authorization': "Bearer " + cookie.cookie("token") },
            contentType: 'application/json;charset=utf-8',
            data: {}, //用ajax时必须序列化，不能直接用对象。
            success: function(strdata) {
                var data;
                if (typeof(strdata) == "string") {
                    var data = JSON.parse(strdata); //部分用户解析出来的是字符串，转换一下
                } else {
                    data = strdata;
                }
                if (data.Code == 200) {
                    dataAllMenu = data.data;
                    showMyMenu(dataAllMenu);
                    if (dataAllMenu.length > 0) {
                        getData(dataAllMenu[0].id);
                    }
                } else {
                    layer.msg(data.Message);
                }
            }
        });
    }

    function showMyMenu(data) {
        var ulHtml = '';
        var ulHtml2 = '';
        for (var i = 0; i < data.length; i++) {
            var laythis = '';
            var laythis2 = '';
            if (i == 0) {
                laythis = ' layui-this ';
                laythis2 = ' class="layui-this" ';
            }
            ulHtml += '<li class="layui-nav-item ' + laythis + '" data-menu="' + data[i].id + '">\
                <a href="javascript:;">\
                <i class="layui-icon" data-icon="' + data[i].icon + '">' + data[i].icon + '</i><cite>' + data[i].title + '</cite></a>\
                </li>'
            ulHtml2 += '<dd ' + laythis2 + ' data-menu="' + data[i].id + '"><a href="javascript:;"><i class="layui-icon" data-icon="' + data[i].icon + '">' + data[i].icon + '</i><cite>' + data[i].title + '</cite></a></dd>';
        }
        $(".topLevelMenus ").html(ulHtml);
        $(".mobileTopLevelMenus ").html(ulHtml2);
    }

    //通过顶部菜单获取左侧二三级菜单   注：此处只做演示之用，实际开发中通过接口传参的方式获取导航数据
    function getData(json) {
        for (var i = 0; i < dataAllMenu.length; i++) {
            if (dataAllMenu[i].id == json) {
                dataStr = dataAllMenu[i].children;
                tab.render();
            }
        }
    }

    getMenu();

    //页面加载时判断左侧菜单是否显示
    //通过顶部菜单获取左侧菜单
    $(document).on('click', ".topLevelMenus li,.mobileTopLevelMenus dd", function() {
        if ($(this).parents(".mobileTopLevelMenus").length != "0") {
            $(".topLevelMenus li").eq($(this).index()).addClass("layui-this").siblings().removeClass("layui-this");
        } else {
            $(".mobileTopLevelMenus dd").eq($(this).index()).addClass("layui-this").siblings().removeClass("layui-this");
        }
        $(".layui-layout-admin").removeClass("showMenu");
        $("body").addClass("site-mobile");
        getData($(this).data("menu"));
        //渲染顶部窗口
        tab.tabMove();
    })

    //隐藏左侧导航
    $(".hideMenu").click(function() {
        if ($(".topLevelMenus li.layui-this a").data("url")) {
            layer.msg("此栏目状态下左侧菜单不可展开"); //主要为了避免左侧显示的内容与顶部菜单不匹配
            return false;
        }
        $(".layui-layout-admin").toggleClass("showMenu");
        //渲染顶部窗口
        tab.tabMove();
    })

    //通过顶部菜单获取左侧二三级菜单   注：此处只做演示之用，实际开发中通过接口传参的方式获取导航数据
    //getData("contentManagement");




    //手机设备的简单适配
    $('.site-tree-mobile').on('click', function() {
        $('body').addClass('site-mobile');
    });
    $('.site-mobile-shade').on('click', function() {
        $('body').removeClass('site-mobile');
    });

    // 添加新窗口
    $("body").on("click", ".layui-nav .layui-nav-item a:not('.mobileTopLevelMenus .layui-nav-item a')", function() {
        //如果不存在子级
        if ($(this).siblings().length == 0) {
            addTab($(this));
            $('body').removeClass('site-mobile'); //移动端点击菜单关闭菜单层
        }
        $(this).parent("li").siblings().removeClass("layui-nav-itemed");
    })

    //清除缓存
    $(".clearCache").click(function() {
        window.sessionStorage.clear();
        window.localStorage.clear();
        var index = layer.msg('清除缓存中，请稍候', { icon: 16, time: false, shade: 0.8 });
        setTimeout(function() {
            layer.close(index);
            layer.msg("缓存清除成功！");
        }, 1000);
    })

    //刷新后还原打开的窗口
    if (cacheStr == "true") {
        if (window.sessionStorage.getItem("menu") != null) {
            menu = JSON.parse(window.sessionStorage.getItem("menu"));
            curmenu = window.sessionStorage.getItem("curmenu");
            var openTitle = '';
            for (var i = 0; i < menu.length; i++) {
                openTitle = '';
                if (menu[i].icon) {
                    if (menu[i].icon.split("-")[0] == 'icon') {
                        openTitle += '<i class="seraph ' + menu[i].icon + '"></i>';
                    } else {
                        openTitle += '<i class="layui-icon">' + menu[i].icon + '</i>';
                    }
                }
                openTitle += '<cite>' + menu[i].title + '</cite>';
                openTitle += '<i class="layui-icon layui-unselect layui-tab-close" data-id="' + menu[i].layId + '">&#x1006;</i>';
                element.tabAdd("bodyTab", {
                        title: openTitle,
                        content: "<iframe src='" + menu[i].href + "' data-id='" + menu[i].layId + "'></frame>",
                        id: menu[i].layId
                    })
                    //定位到刷新前的窗口
                if (curmenu != "undefined") {
                    if (curmenu == '' || curmenu == "null") { //定位到后台首页
                        element.tabChange("bodyTab", '');
                    } else if (JSON.parse(curmenu).title == menu[i].title) { //定位到刷新前的页面
                        element.tabChange("bodyTab", menu[i].layId);
                    }
                } else {
                    element.tabChange("bodyTab", menu[menu.length - 1].layId);
                }
            }
            //渲染顶部窗口
            tab.tabMove();
        }
    } else {
        window.sessionStorage.removeItem("menu");
        window.sessionStorage.removeItem("curmenu");
    }
})

//打开新窗口
function addTab(_this) {
    tab.tabAdd(_this);
}

//捐赠弹窗
function donation() {
    layer.tab({
        area: ['260px', '367px'],
        tab: [{
            title: "微信",
            content: "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='images/wechat.jpg'></div>"
        }, {
            title: "支付宝",
            content: "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='images/alipay.jpg'></div>"
        }]
    })
}

//图片管理弹窗
function showImg() {
    $.getJSON('json/images.json', function(json) {
        var res = json;
        layer.photos({
            photos: res,
            anim: 5
        });
    });
}